@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body{
	height: 100%;
	background: #eee;
}
html, body{ margin:0; height:100%; font-size: 20px;}
a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #000;
}
ul {
	list-style: none;
}

.fl{
    float: left;
}
.fr{
    float: right;
}
header{
    width: 100%;
	height: 1.4rem;
    background: #ffd8b1;
    position: fixed;
    z-index: 18;
    top: -0.08rem;
}
.SD-header{
	text-align: center;
	line-height: 1.4rem;
	font-size: .4375rem;
	letter-spacing:5px;
    color: #000;
    width: 70%;
    margin: 0 auto;
    padding-left: .3125rem;
}
.fa-search{
    line-height: 1.4rem;

}
.nav-SD{
	position: relative;
	top: 8%;
	text-align: center;
	background: #FFF;
}
.nav-SD ul li{
	width: 20%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
	font-size: 0.4rem;
	border-right: 1px solid #EBEBEB;
	text-align: center;
}
.nav-SD ul {
	border-bottom: 1px solid #EBEBEB;
}
.nav-SD ul  li:hover{
	color: darkorange;
}
.private{
	margin-top: 0.4rem;
	margin-bottom: 0.5rem;
	background-color: #FFF;
	height: 1.25rem;
	line-height: 1.25rem;
	padding-left: 0.25rem;
	font-size: 0.38rem;
}
.private_sp{
	text-align: center;
	margin-left: 0.5rem;
	color: #CCCCCC;
}
.fa-chevron-right{
		line-height: 1.25rem;
		margin-right: 0.35rem;
		color: #CCCCCC;
}
.Recommend{
	background-color: #FFF;
	width: 100%;
	height: 32.8%;
}
.Recommend ul li{
	height: 1.25rem;
	line-height: 1.25rem;
}
.Recommend ul li:first-child{
	margin-left: 0.5rem;
	font-size: 0.35rem;
	font-weight: 700;
}
.Rec_con ul li:first-child{
	margin-left: 0.55rem;
}
.Rec_con ul li{
	margin-top: 0.3rem;
	float: left;
	margin-right: 0.3rem;
}
footer ul li{
	margin-left: 1.2rem;
	margin-top: 0.15rem;
	float: left;
	width: 0.8rem;
	height: 0.8rem;
	line-height: 0.8rem;
}

.Selected_1{
	border-radius: 50%;
	border: 1px solid #FFD8B1;
	text-align: center;
	width: 0.8rem;
	height: 0.8rem;
}
.Bookstore_1{
	text-align: center;
	margin-top: 0.05rem;
}
.fa-star{
	font-size: 0.65rem;
	color: #FFD8B1;
	margin-top: 0.08rem;
}

/*书库CSS*/
.search{
	background: #FFF;
	width: 80%;
	margin: 0 auto;
	height: 1rem;
	border-radius: 2%;
	margin-top: 0.2rem;
	text-align: center;
	line-height: 0.8rem;
}
.search input{
	line-height: 1rem;
	border: none;
	text-align: center;
}
.search_1{
		line-height: 1rem;
		text-align: center;
}
.Book_nav{
	background: #FFF;
	height: 8%;
	margin-top: 0.2rem;
}
.Girl-1{
	background: #FFF;
	margin-top: 0.2rem;
	height: 34%;
}
.Girl-2{
	background: #FFF;
	margin-top: 0.2rem;
	height: 45%;
}
.G-header{
	width: 100%rem;
	margin: 0 auto;
	border-bottom: 1px solid #EEEEEE;
	height: 1.3rem;
	line-height: 1.3rem;
}
.Original-girl{
	font-weight: 700;
}
.Book_nav_one{
	width: 50%;
	margin: 0 auto;
	line-height: 1.4rem;
	text-align: center;
}
.Book_nav_one img{
	width: 1rem;
}
.Book_nav_one  a{
	display: inline-block;
	line-height: 1.2rem;
}

.G-Original{
	width: 80%;
	margin: 0 auto;
}
.icon-shu{
	border-radius: 50%;
	width: 1rem;
	height: 1rem;
	background: #FF3E96;
	text-align: center;
	margin-top: 0.25rem;
}
.icon-shu1{
	position: relative;
	top: -0.12rem;
	color: #FFF;
	font-size: 0.6rem;
}
.Sentiment{
	line-height: 1.5rem;
	width: 50%;
}
.Girl-con{
	width: 100%;
	text-align: center;
	height: 1.5rem;
	margin: 0 auto;
	float: left;
	border-bottom: 1px solid #EEEEEE;
}

.Division{
	color: #EEEEEE;
	font-size: 0.6rem;
}
.Girl-item1{
	text-align: center;
}
.Rec_img{
	width: 3rem;
	height: 3.2rem;
}
.Sentiment img{
	width: 1rem;
}
footer{
	position: fixed;
	}
.Sentiment a{
	margin-left: 0.25rem;
}
.footer-1{
	top: 90%;
	background: rgb(238, 238, 238);
	width: 100%;
	height: 1.8rem;
}